<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
  <title>Aegis - Admin Dashboard Template</title>
  <!-- General CSS Files -->
  <link rel="stylesheet" href="assets/css/app.min.css">
  <!-- Template CSS -->
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/components.css">
  <!-- Custom style CSS -->
  <link rel="stylesheet" href="assets/css/custom.css">
  <link rel='shortcut icon' type='image/x-icon' href='assets/img/favicon.ico' />
</head>

<body>
  <div class="loader"></div>
  <div id="app">
    <div class="main-wrapper main-wrapper-1">
      <div class="navbar-bg"></div>
      <nav class="navbar navbar-expand-lg main-navbar">
        <div class="form-inline mr-auto">
          <ul class="navbar-nav mr-3">
            <li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg
									collapse-btn"> <i data-feather="align-justify"></i></a></li>
            <li><a href="#" class="nav-link nav-link-lg fullscreen-btn">
                <i data-feather="maximize"></i>
              </a></li>
            <li>
              <form class="form-inline mr-auto">
                <div class="search-element">
                  <input class="form-control" type="search" placeholder="Search" aria-label="Search" data-width="200">
                  <button class="btn" type="submit">
                    <i class="fas fa-search"></i>
                  </button>
                </div>
              </form>
            </li>
          </ul>
        </div>
        <ul class="navbar-nav navbar-right">
          <li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown"
              class="nav-link nav-link-lg message-toggle"><i data-feather="mail"></i>
              <span class="badge headerBadge1">
                6 </span> </a>
            <div class="dropdown-menu dropdown-list dropdown-menu-right pullDown">
              <div class="dropdown-header">
                Messages
                <div class="float-right">
                  <a href="#">Mark All As Read</a>
                </div>
              </div>
              <div class="dropdown-list-content dropdown-list-message">
                <a href="#" class="dropdown-item"> <span class="dropdown-item-avatar
											text-white"> <img alt="image" src="assets/img/users/user-1.png" class="rounded-circle">
                  </span> <span class="dropdown-item-desc"> <span class="message-user">John
                      Deo</span>
                    <span class="time messege-text">Please check your mail !!</span>
                    <span class="time">2 Min Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-avatar text-white">
                    <img alt="image" src="assets/img/users/user-2.png" class="rounded-circle">
                  </span> <span class="dropdown-item-desc"> <span class="message-user">Sarah
                      Smith</span> <span class="time messege-text">Request for leave
                      application</span>
                    <span class="time">5 Min Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-avatar text-white">
                    <img alt="image" src="assets/img/users/user-5.png" class="rounded-circle">
                  </span> <span class="dropdown-item-desc"> <span class="message-user">Jacob
                      Ryan</span> <span class="time messege-text">Your payment invoice is
                      generated.</span> <span class="time">12 Min Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-avatar text-white">
                    <img alt="image" src="assets/img/users/user-4.png" class="rounded-circle">
                  </span> <span class="dropdown-item-desc"> <span class="message-user">Lina
                      Smith</span> <span class="time messege-text">hii John, I have upload
                      doc
                      related to task.</span> <span class="time">30
                      Min Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-avatar text-white">
                    <img alt="image" src="assets/img/users/user-3.png" class="rounded-circle">
                  </span> <span class="dropdown-item-desc"> <span class="message-user">Jalpa
                      Joshi</span> <span class="time messege-text">Please do as specify.
                      Let me
                      know if you have any query.</span> <span class="time">1
                      Days Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-avatar text-white">
                    <img alt="image" src="assets/img/users/user-2.png" class="rounded-circle">
                  </span> <span class="dropdown-item-desc"> <span class="message-user">Sarah
                      Smith</span> <span class="time messege-text">Client Requirements</span>
                    <span class="time">2 Days Ago</span>
                  </span>
                </a>
              </div>
              <div class="dropdown-footer text-center">
                <a href="#">View All <i class="fas fa-chevron-right"></i></a>
              </div>
            </div>
          </li>
          <li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown"
              class="nav-link notification-toggle nav-link-lg"><i data-feather="bell"></i>
              <span class="badge headerBadge2">
                3 </span> </a>
            <div class="dropdown-menu dropdown-list dropdown-menu-right pullDown">
              <div class="dropdown-header">
                Notifications
                <div class="float-right">
                  <a href="#">Mark All As Read</a>
                </div>
              </div>
              <div class="dropdown-list-content dropdown-list-icons">
                <a href="#" class="dropdown-item dropdown-item-unread"> <span
                    class="dropdown-item-icon bg-primary text-white"> <i class="fas
												fa-code"></i>
                  </span> <span class="dropdown-item-desc"> Template update is
                    available now! <span class="time">2 Min
                      Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-icon bg-info text-white"> <i class="far
												fa-user"></i>
                  </span> <span class="dropdown-item-desc"> <b>You</b> and <b>Dedik
                      Sugiharto</b> are now friends <span class="time">10 Hours
                      Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-icon bg-success text-white"> <i
                      class="fas
												fa-check"></i>
                  </span> <span class="dropdown-item-desc"> <b>Kusnaedi</b> has
                    moved task <b>Fix bug header</b> to <b>Done</b> <span class="time">12
                      Hours
                      Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-icon bg-danger text-white"> <i
                      class="fas fa-exclamation-triangle"></i>
                  </span> <span class="dropdown-item-desc"> Low disk space. Let's
                    clean it! <span class="time">17 Hours Ago</span>
                  </span>
                </a> <a href="#" class="dropdown-item"> <span class="dropdown-item-icon bg-info text-white"> <i class="fas
												fa-bell"></i>
                  </span> <span class="dropdown-item-desc"> Welcome to Aegis
                    template! <span class="time">Yesterday</span>
                  </span>
                </a>
              </div>
              <div class="dropdown-footer text-center">
                <a href="#">View All <i class="fas fa-chevron-right"></i></a>
              </div>
            </div>
          </li>
          <li class="dropdown"><a href="#" data-toggle="dropdown"
              class="nav-link dropdown-toggle nav-link-lg nav-link-user"> <img alt="image" src="assets/img/user.png"
                class="user-img-radious-style"> <span class="d-sm-none d-lg-inline-block"></span></a>
            <div class="dropdown-menu dropdown-menu-right pullDown">
              <div class="dropdown-title">Hello Sarah Smith</div>
              <a href="profile.html" class="dropdown-item has-icon"> <i class="far
										fa-user"></i> Profile
              </a> <a href="timeline.html" class="dropdown-item has-icon"> <i class="fas fa-bolt"></i>
                Activities
              </a> <a href="" class="dropdown-item has-icon"> <i class="fas fa-cog"></i>
                Settings
              </a>
              <div class="dropdown-divider"></div>
              <a href="auth-login.html" class="dropdown-item has-icon text-danger"> <i class="fas fa-sign-out-alt"></i>
                Logout
              </a>
            </div>
          </li>
        </ul>
      </nav>
      <div class="main-sidebar sidebar-style-2">
        <aside id="sidebar-wrapper">
          <div class="sidebar-brand">
            <a href="index.html"> <img alt="image" src="assets/img/logo.png" class="header-logo" /> <span
                class="logo-name">Aegis</span>
            </a>
          </div>
          <div class="sidebar-user">
            <div class="sidebar-user-picture">
              <img alt="image" src="assets/img/userbig.png">
            </div>
            <div class="sidebar-user-details">
              <div class="user-name">Sarah Smith</div>
              <div class="user-role">Administrator</div>
            </div>
          </div>
          <ul class="sidebar-menu">
            <li class="menu-header">Main</li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="monitor"></i><span>Dashboard</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="index.html">Dashboard V1</a></li>
                <li><a class="nav-link" href="index2.html">Dashboard V2</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="briefcase"></i><span>Widgets</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="widget-chart.html">Chart Widgets</a></li>
                <li><a class="nav-link" href="widget-data.html">Data Widgets</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="command"></i><span>Apps</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="chat.html">Chat</a></li>
                <li><a class="nav-link" href="portfolio.html">Portfolio</a></li>
                <li><a class="nav-link" href="blog.html">Blog</a></li>
                <li><a class="nav-link" href="calendar.html">Calendar</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="mail"></i><span>Email</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="email-inbox.html">Inbox</a></li>
                <li><a class="nav-link" href="email-compose.html">Compose</a></li>
                <li><a class="nav-link" href="email-read.html">read</a></li>
              </ul>
            </li>
            <li class="menu-header">UI Elements</li>
            <li class="dropdown active">
              <a href="#" class="nav-link has-dropdown"><i data-feather="copy"></i><span>Basic
                  Components</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="alert.html">Alert</a></li>
                <li><a class="nav-link" href="badge.html">Badge</a></li>
                <li><a class="nav-link" href="breadcrumb.html">Breadcrumb</a></li>
                <li><a class="nav-link" href="buttons.html">Buttons</a></li>
                <li><a class="nav-link" href="collapse.html">Collapse</a></li>
                <li><a class="nav-link" href="dropdown.html">Dropdown</a></li>
                <li><a class="nav-link" href="checkbox-and-radio.html">Checkbox &amp; Radios</a></li>
                <li><a class="nav-link" href="list-group.html">List Group</a></li>
                <li><a class="nav-link" href="media-object.html">Media Object</a></li>
                <li><a class="nav-link" href="navbar.html">Navbar</a></li>
                <li><a class="nav-link" href="pagination.html">Pagination</a></li>
                <li><a class="nav-link" href="popover.html">Popover</a></li>
                <li><a class="nav-link" href="progress.html">Progress</a></li>
                <li><a class="nav-link" href="tooltip.html">Tooltip</a></li>
                <li class="active"><a class="nav-link" href="flags.html">Flag</a></li>
                <li><a class="nav-link" href="typography.html">Typography</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="shopping-bag"></i><span>Advanced</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="avatar.html">Avatar</a></li>
                <li><a class="nav-link" href="card.html">Card</a></li>
                <li><a class="nav-link" href="modal.html">Modal</a></li>
                <li><a class="nav-link" href="sweet-alert.html">Sweet Alert</a></li>
                <li><a class="nav-link" href="toastr.html">Toastr</a></li>
                <li><a class="nav-link" href="empty-state.html">Empty State</a></li>
                <li><a class="nav-link" href="multiple-upload.html">Multiple Upload</a></li>
                <li><a class="nav-link" href="pricing.html">Pricing</a></li>
                <li><a class="nav-link" href="tabs.html">Tab</a></li>
              </ul>
            </li>
            <li><a class="nav-link" href="blank.html"><i data-feather="file"></i><span>Blank Page</span></a></li>
            <li class="menu-header">Aegis</li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="layout"></i><span>Forms</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="basic-form.html">Basic Form</a></li>
                <li><a class="nav-link" href="forms-advanced-form.html">Advanced Form</a></li>
                <li><a class="nav-link" href="forms-editor.html">Editor</a></li>
                <li><a class="nav-link" href="forms-validation.html">Validation</a></li>
                <li><a class="nav-link" href="form-wizard.html">Form Wizard</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="grid"></i><span>Tables</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="basic-table.html">Basic Tables</a></li>
                <li><a class="nav-link" href="advance-table.html">Advanced Table</a></li>
                <li><a class="nav-link" href="datatables.html">Datatable</a></li>
                <li><a class="nav-link" href="export-table.html">Export Table</a></li>
                <li><a class="nav-link" href="editable-table.html">Editable Table</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="pie-chart"></i><span>Charts</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="chart-amchart.html">amChart</a></li>
                <li><a class="nav-link" href="chart-apexchart.html">apexchart</a></li>
                <li><a class="nav-link" href="chart-echart.html">eChart</a></li>
                <li><a class="nav-link" href="chart-chartjs.html">Chartjs</a></li>
                <li><a class="nav-link" href="chart-sparkline.html">Sparkline</a></li>
                <li><a class="nav-link" href="chart-morris.html">Morris</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="feather"></i><span>Icons</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="icon-font-awesome.html">Font Awesome</a></li>
                <li><a class="nav-link" href="icon-material.html">Material Design</a></li>
                <li><a class="nav-link" href="icon-ionicons.html">Ion Icons</a></li>
                <li><a class="nav-link" href="icon-feather.html">Feather Icons</a></li>
                <li><a class="nav-link" href="icon-weather-icon.html">Weather Icon</a></li>
              </ul>
            </li>
            <li class="menu-header">Media</li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="image"></i><span>Gallery</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="light-gallery.html">Light Gallery</a></li>
                <li><a href="gallery1.html">Gallery 2</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="flag"></i><span>Sliders</span></a>
              <ul class="dropdown-menu">
                <li><a href="carousel.html">Bootstrap Carousel.html</a></li>
                <li><a class="nav-link" href="owl-carousel.html">Owl Carousel</a></li>
              </ul>
            </li>
            <li><a class="nav-link" href="timeline.html"><i data-feather="sliders"></i><span>Timeline</span></a></li>
            <li class="menu-header">Maps</li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="map"></i><span>Google
                  Maps</span></a>
              <ul class="dropdown-menu">
                <li><a href="gmaps-advanced-route.html">Advanced Route</a></li>
                <li><a href="gmaps-draggable-marker.html">Draggable Marker</a></li>
                <li><a href="gmaps-geocoding.html">Geocoding</a></li>
                <li><a href="gmaps-geolocation.html">Geolocation</a></li>
                <li><a href="gmaps-marker.html">Marker</a></li>
                <li><a href="gmaps-multiple-marker.html">Multiple Marker</a></li>
                <li><a href="gmaps-route.html">Route</a></li>
                <li><a href="gmaps-simple.html">Simple</a></li>
              </ul>
            </li>
            <li><a class="nav-link" href="vector-map.html"><i data-feather="map-pin"></i><span>Vector
                  Map</span></a></li>
            <li class="menu-header">Pages</li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="user-check"></i><span>Auth</span></a>
              <ul class="dropdown-menu">
                <li><a href="auth-login.html">Login</a></li>
                <li><a href="auth-register.html">Register</a></li>
                <li><a href="auth-forgot-password.html">Forgot Password</a></li>
                <li><a href="auth-reset-password.html">Reset Password</a></li>
                <li><a href="subscribe.html">Subscribe</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="alert-triangle"></i><span>Errors</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="errors-503.html">503</a></li>
                <li><a class="nav-link" href="errors-403.html">403</a></li>
                <li><a class="nav-link" href="errors-404.html">404</a></li>
                <li><a class="nav-link" href="errors-500.html">500</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="anchor"></i><span>Other
                  Pages</span></a>
              <ul class="dropdown-menu">
                <li><a class="nav-link" href="create-post.html">Create Post</a></li>
                <li><a class="nav-link" href="posts.html">Posts</a></li>
                <li><a class="nav-link" href="profile.html">Profile</a></li>
                <li><a class="nav-link" href="contact.html">Contact</a></li>
                <li><a class="nav-link" href="invoice.html">Invoice</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="nav-link has-dropdown"><i data-feather="chevrons-down"></i><span>Multilevel</span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Menu 1</a></li>
                <li class="dropdown">
                  <a href="#" class="has-dropdown">Menu 2</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Child Menu 1</a></li>
                    <li class="dropdown">
                      <a href="#" class="has-dropdown">Child Menu 2</a>
                      <ul class="dropdown-menu">
                        <li><a href="#">Child Menu 1</a></li>
                        <li><a href="#">Child Menu 2</a></li>
                      </ul>
                    </li>
                    <li><a href="#"> Child Menu 3</a></li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </aside>
      </div>
      <!-- Main Content -->
      <div class="main-content">
        <section class="section">
          <div class="section-body">
            <div class="row">
              <div class="col-12">
                <div class="card">
                  <div class="card-header">
                    <h4>Flag</h4>
                  </div>
                  <div class="card-body">
                    <div class="row">
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Afghanistan" data-continent="Asia">
                          <div class="mb-2" title="Afghanistan">
                            <span class="badge badge-primary">AF</span>
                            Afghanistan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/af.svg"
                            alt="Afghanistan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Aland Islands" data-continent="Europe">
                          <div class="mb-2" title="Aland Islands">
                            <span class="badge badge-primary">AX</span>
                            Aland Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ax.svg"
                            alt="Aland Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Albania" data-continent="Europe">
                          <div class="mb-2" title="Albania">
                            <span class="badge badge-primary">AL</span>
                            Albania
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/al.svg" alt="Albania Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Algeria" data-continent="Africa">
                          <div class="mb-2" title="Algeria">
                            <span class="badge badge-primary">DZ</span>
                            Algeria
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/dz.svg" alt="Algeria Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="American Samoa" data-continent="Oceania">
                          <div class="mb-2" title="American Samoa">
                            <span class="badge badge-primary">AS</span>
                            American Samoa
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/as.svg"
                            alt="American Samoa Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Andorra" data-continent="Europe">
                          <div class="mb-2" title="Andorra">
                            <span class="badge badge-primary">AD</span>
                            Andorra
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ad.svg" alt="Andorra Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Angola" data-continent="Africa">
                          <div class="mb-2" title="Angola">
                            <span class="badge badge-primary">AO</span>
                            Angola
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ao.svg" alt="Angola Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Anguilla" data-continent="North America">
                          <div class="mb-2" title="Anguilla">
                            <span class="badge badge-primary">AI</span>
                            Anguilla
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ai.svg"
                            alt="Anguilla Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Antigua and Barbuda" data-continent="North America">
                          <div class="mb-2" title="Antigua and Barbuda">
                            <span class="badge badge-primary">AG</span>
                            Antigua and Barbuda
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ag.svg"
                            alt="Antigua and Barbuda Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Argentina" data-continent="South America">
                          <div class="mb-2" title="Argentina">
                            <span class="badge badge-primary">AR</span>
                            Argentina
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ar.svg"
                            alt="Argentina Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Armenia" data-continent="Asia">
                          <div class="mb-2" title="Armenia">
                            <span class="badge badge-primary">AM</span>
                            Armenia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/am.svg" alt="Armenia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Aruba" data-continent="South America">
                          <div class="mb-2" title="Aruba">
                            <span class="badge badge-primary">AW</span>
                            Aruba
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/aw.svg" alt="Aruba Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Australia" data-continent="Oceania">
                          <div class="mb-2" title="Australia">
                            <span class="badge badge-primary">AU</span>
                            Australia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/au.svg"
                            alt="Australia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Austria" data-continent="Europe">
                          <div class="mb-2" title="Austria">
                            <span class="badge badge-primary">AT</span>
                            Austria
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/at.svg" alt="Austria Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Azerbaijan" data-continent="Asia">
                          <div class="mb-2" title="Azerbaijan">
                            <span class="badge badge-primary">AZ</span>
                            Azerbaijan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/az.svg"
                            alt="Azerbaijan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bahamas" data-continent="North America">
                          <div class="mb-2" title="Bahamas">
                            <span class="badge badge-primary">BS</span>
                            Bahamas
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bs.svg" alt="Bahamas Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bahrain" data-continent="Asia">
                          <div class="mb-2" title="Bahrain">
                            <span class="badge badge-primary">BH</span>
                            Bahrain
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bh.svg" alt="Bahrain Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bangladesh" data-continent="Asia">
                          <div class="mb-2" title="Bangladesh">
                            <span class="badge badge-primary">BD</span>
                            Bangladesh
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bd.svg"
                            alt="Bangladesh Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Barbados" data-continent="North America">
                          <div class="mb-2" title="Barbados">
                            <span class="badge badge-primary">BB</span>
                            Barbados
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bb.svg"
                            alt="Barbados Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Belarus" data-continent="Europe">
                          <div class="mb-2" title="Belarus">
                            <span class="badge badge-primary">BY</span>
                            Belarus
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/by.svg" alt="Belarus Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Belgium" data-continent="Europe">
                          <div class="mb-2" title="Belgium">
                            <span class="badge badge-primary">BE</span>
                            Belgium
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/be.svg" alt="Belgium Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Belize" data-continent="North America">
                          <div class="mb-2" title="Belize">
                            <span class="badge badge-primary">BZ</span>
                            Belize
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bz.svg" alt="Belize Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Benin" data-continent="Africa">
                          <div class="mb-2" title="Benin">
                            <span class="badge badge-primary">BJ</span>
                            Benin
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bj.svg" alt="Benin Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bermuda" data-continent="North America">
                          <div class="mb-2" title="Bermuda">
                            <span class="badge badge-primary">BM</span>
                            Bermuda
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bm.svg" alt="Bermuda Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bhutan" data-continent="Asia">
                          <div class="mb-2" title="Bhutan">
                            <span class="badge badge-primary">BT</span>
                            Bhutan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bt.svg" alt="Bhutan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bolivia (Plurinational State of)"
                          data-continent="South America">
                          <div class="mb-2" title="Bolivia (Plurinational State of)">
                            <span class="badge badge-primary">BO</span>
                            Bolivia (Plurinational State of)
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bo.svg"
                            alt="Bolivia (Plurinational State of) Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bonaire, Sint Eustatius and Saba"
                          data-continent="South America">
                          <div class="mb-2" title="Bonaire, Sint Eustatius and Saba">
                            <span class="badge badge-primary">BQ</span>
                            Bonaire, Sint Eustatius and Saba
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bq.svg"
                            alt="Bonaire, Sint Eustatius and Saba Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bosnia and Herzegovina" data-continent="Europe">
                          <div class="mb-2" title="Bosnia and Herzegovina">
                            <span class="badge badge-primary">BA</span>
                            Bosnia and Herzegovina
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ba.svg"
                            alt="Bosnia and Herzegovina Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Botswana" data-continent="Africa">
                          <div class="mb-2" title="Botswana">
                            <span class="badge badge-primary">BW</span>
                            Botswana
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bw.svg"
                            alt="Botswana Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Brazil" data-continent="South America">
                          <div class="mb-2" title="Brazil">
                            <span class="badge badge-primary">BR</span>
                            Brazil
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/br.svg" alt="Brazil Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="British Indian Ocean Territory" data-continent="Asia">
                          <div class="mb-2" title="British Indian Ocean Territory">
                            <span class="badge badge-primary">IO</span>
                            British Indian Ocean Territory
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/io.svg"
                            alt="British Indian Ocean Territory Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Brunei Darussalam" data-continent="Asia">
                          <div class="mb-2" title="Brunei Darussalam">
                            <span class="badge badge-primary">BN</span>
                            Brunei Darussalam
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bn.svg"
                            alt="Brunei Darussalam Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Bulgaria" data-continent="Europe">
                          <div class="mb-2" title="Bulgaria">
                            <span class="badge badge-primary">BG</span>
                            Bulgaria
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bg.svg"
                            alt="Bulgaria Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Burkina Faso" data-continent="Africa">
                          <div class="mb-2" title="Burkina Faso">
                            <span class="badge badge-primary">BF</span>
                            Burkina Faso
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bf.svg"
                            alt="Burkina Faso Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Burundi" data-continent="Africa">
                          <div class="mb-2" title="Burundi">
                            <span class="badge badge-primary">BI</span>
                            Burundi
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bi.svg" alt="Burundi Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cabo Verde" data-continent="Africa">
                          <div class="mb-2" title="Cabo Verde">
                            <span class="badge badge-primary">CV</span>
                            Cabo Verde
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cv.svg"
                            alt="Cabo Verde Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cambodia" data-continent="Asia">
                          <div class="mb-2" title="Cambodia">
                            <span class="badge badge-primary">KH</span>
                            Cambodia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/kh.svg"
                            alt="Cambodia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cameroon" data-continent="Africa">
                          <div class="mb-2" title="Cameroon">
                            <span class="badge badge-primary">CM</span>
                            Cameroon
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cm.svg"
                            alt="Cameroon Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Canada" data-continent="North America">
                          <div class="mb-2" title="Canada">
                            <span class="badge badge-primary">CA</span>
                            Canada
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ca.svg" alt="Canada Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cayman Islands" data-continent="North America">
                          <div class="mb-2" title="Cayman Islands">
                            <span class="badge badge-primary">KY</span>
                            Cayman Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ky.svg"
                            alt="Cayman Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Central African Republic" data-continent="Africa">
                          <div class="mb-2" title="Central African Republic">
                            <span class="badge badge-primary">CF</span>
                            Central African Republic
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cf.svg"
                            alt="Central African Republic Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Chad" data-continent="Africa">
                          <div class="mb-2" title="Chad">
                            <span class="badge badge-primary">TD</span>
                            Chad
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/td.svg" alt="Chad Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Chile" data-continent="South America">
                          <div class="mb-2" title="Chile">
                            <span class="badge badge-primary">CL</span>
                            Chile
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cl.svg" alt="Chile Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="China" data-continent="Asia">
                          <div class="mb-2" title="China">
                            <span class="badge badge-primary">CN</span>
                            China
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cn.svg" alt="China Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Christmas Island" data-continent="Asia">
                          <div class="mb-2" title="Christmas Island">
                            <span class="badge badge-primary">CX</span>
                            Christmas Island
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cx.svg"
                            alt="Christmas Island Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cocos (Keeling) Islands" data-continent="Asia">
                          <div class="mb-2" title="Cocos (Keeling) Islands">
                            <span class="badge badge-primary">CC</span>
                            Cocos (Keeling) Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cc.svg"
                            alt="Cocos (Keeling) Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Colombia" data-continent="South America">
                          <div class="mb-2" title="Colombia">
                            <span class="badge badge-primary">CO</span>
                            Colombia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/co.svg"
                            alt="Colombia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Comoros" data-continent="Africa">
                          <div class="mb-2" title="Comoros">
                            <span class="badge badge-primary">KM</span>
                            Comoros
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/km.svg" alt="Comoros Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cook Islands" data-continent="Oceania">
                          <div class="mb-2" title="Cook Islands">
                            <span class="badge badge-primary">CK</span>
                            Cook Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ck.svg"
                            alt="Cook Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Costa Rica" data-continent="North America">
                          <div class="mb-2" title="Costa Rica">
                            <span class="badge badge-primary">CR</span>
                            Costa Rica
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cr.svg"
                            alt="Costa Rica Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Croatia" data-continent="Europe">
                          <div class="mb-2" title="Croatia">
                            <span class="badge badge-primary">HR</span>
                            Croatia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/hr.svg" alt="Croatia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cuba" data-continent="North America">
                          <div class="mb-2" title="Cuba">
                            <span class="badge badge-primary">CU</span>
                            Cuba
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cu.svg" alt="Cuba Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Curaçao" data-continent="South America">
                          <div class="mb-2" title="Curaçao">
                            <span class="badge badge-primary">CW</span>
                            Curaçao
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cw.svg" alt="Curaçao Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Cyprus" data-continent="Europe">
                          <div class="mb-2" title="Cyprus">
                            <span class="badge badge-primary">CY</span>
                            Cyprus
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cy.svg" alt="Cyprus Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Czech Republic" data-continent="Europe">
                          <div class="mb-2" title="Czech Republic">
                            <span class="badge badge-primary">CZ</span>
                            Czech Republic
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cz.svg"
                            alt="Czech Republic Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Côte d&#39;Ivoire" data-continent="Africa">
                          <div class="mb-2" title="Côte d&#39;Ivoire">
                            <span class="badge badge-primary">CI</span>
                            Côte d&#39;Ivoire
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ci.svg"
                            alt="Côte d&#39;Ivoire Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Democratic Republic of the Congo" data-continent="Africa">
                          <div class="mb-2" title="Democratic Republic of the Congo">
                            <span class="badge badge-primary">CD</span>
                            Democratic Republic of the Congo
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cd.svg"
                            alt="Democratic Republic of the Congo Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Denmark" data-continent="Europe">
                          <div class="mb-2" title="Denmark">
                            <span class="badge badge-primary">DK</span>
                            Denmark
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/dk.svg" alt="Denmark Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Djibouti" data-continent="Africa">
                          <div class="mb-2" title="Djibouti">
                            <span class="badge badge-primary">DJ</span>
                            Djibouti
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/dj.svg"
                            alt="Djibouti Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Dominica" data-continent="North America">
                          <div class="mb-2" title="Dominica">
                            <span class="badge badge-primary">DM</span>
                            Dominica
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/dm.svg"
                            alt="Dominica Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Dominican Republic" data-continent="North America">
                          <div class="mb-2" title="Dominican Republic">
                            <span class="badge badge-primary">DO</span>
                            Dominican Republic
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/do.svg"
                            alt="Dominican Republic Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Ecuador" data-continent="South America">
                          <div class="mb-2" title="Ecuador">
                            <span class="badge badge-primary">EC</span>
                            Ecuador
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ec.svg" alt="Ecuador Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Egypt" data-continent="Africa">
                          <div class="mb-2" title="Egypt">
                            <span class="badge badge-primary">EG</span>
                            Egypt
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/eg.svg" alt="Egypt Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="El Salvador" data-continent="North America">
                          <div class="mb-2" title="El Salvador">
                            <span class="badge badge-primary">SV</span>
                            El Salvador
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sv.svg"
                            alt="El Salvador Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Equatorial Guinea" data-continent="Africa">
                          <div class="mb-2" title="Equatorial Guinea">
                            <span class="badge badge-primary">GQ</span>
                            Equatorial Guinea
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gq.svg"
                            alt="Equatorial Guinea Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Eritrea" data-continent="Africa">
                          <div class="mb-2" title="Eritrea">
                            <span class="badge badge-primary">ER</span>
                            Eritrea
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/er.svg" alt="Eritrea Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Estonia" data-continent="Europe">
                          <div class="mb-2" title="Estonia">
                            <span class="badge badge-primary">EE</span>
                            Estonia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ee.svg" alt="Estonia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Ethiopia" data-continent="Africa">
                          <div class="mb-2" title="Ethiopia">
                            <span class="badge badge-primary">ET</span>
                            Ethiopia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/et.svg"
                            alt="Ethiopia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Falkland Islands" data-continent="South America">
                          <div class="mb-2" title="Falkland Islands">
                            <span class="badge badge-primary">FK</span>
                            Falkland Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/fk.svg"
                            alt="Falkland Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Faroe Islands" data-continent="Europe">
                          <div class="mb-2" title="Faroe Islands">
                            <span class="badge badge-primary">FO</span>
                            Faroe Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/fo.svg"
                            alt="Faroe Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Federated States of Micronesia" data-continent="Oceania">
                          <div class="mb-2" title="Federated States of Micronesia">
                            <span class="badge badge-primary">FM</span>
                            Federated States of Micronesia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/fm.svg"
                            alt="Federated States of Micronesia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Fiji" data-continent="Oceania">
                          <div class="mb-2" title="Fiji">
                            <span class="badge badge-primary">FJ</span>
                            Fiji
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/fj.svg" alt="Fiji Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Finland" data-continent="Europe">
                          <div class="mb-2" title="Finland">
                            <span class="badge badge-primary">FI</span>
                            Finland
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/fi.svg" alt="Finland Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Former Yugoslav Republic of Macedonia" data-continent="Europe">
                          <div class="mb-2" title="Former Yugoslav Republic of Macedonia">
                            <span class="badge badge-primary">MK</span>
                            Former Yugoslav Republic of Macedonia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mk.svg"
                            alt="Former Yugoslav Republic of Macedonia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="France" data-continent="Europe">
                          <div class="mb-2" title="France">
                            <span class="badge badge-primary">FR</span>
                            France
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/fr.svg" alt="France Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="French Guiana" data-continent="South America">
                          <div class="mb-2" title="French Guiana">
                            <span class="badge badge-primary">GF</span>
                            French Guiana
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gf.svg"
                            alt="French Guiana Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="French Polynesia" data-continent="Oceania">
                          <div class="mb-2" title="French Polynesia">
                            <span class="badge badge-primary">PF</span>
                            French Polynesia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pf.svg"
                            alt="French Polynesia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="French Southern Territories" data-continent="Africa">
                          <div class="mb-2" title="French Southern Territories">
                            <span class="badge badge-primary">TF</span>
                            French Southern Territories
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tf.svg"
                            alt="French Southern Territories Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Gabon" data-continent="Africa">
                          <div class="mb-2" title="Gabon">
                            <span class="badge badge-primary">GA</span>
                            Gabon
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ga.svg" alt="Gabon Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Gambia" data-continent="Africa">
                          <div class="mb-2" title="Gambia">
                            <span class="badge badge-primary">GM</span>
                            Gambia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gm.svg" alt="Gambia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Georgia" data-continent="Asia">
                          <div class="mb-2" title="Georgia">
                            <span class="badge badge-primary">GE</span>
                            Georgia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ge.svg" alt="Georgia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Germany" data-continent="Europe">
                          <div class="mb-2" title="Germany">
                            <span class="badge badge-primary">DE</span>
                            Germany
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/de.svg" alt="Germany Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Ghana" data-continent="Africa">
                          <div class="mb-2" title="Ghana">
                            <span class="badge badge-primary">GH</span>
                            Ghana
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gh.svg" alt="Ghana Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Gibraltar" data-continent="Europe">
                          <div class="mb-2" title="Gibraltar">
                            <span class="badge badge-primary">GI</span>
                            Gibraltar
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gi.svg"
                            alt="Gibraltar Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Greece" data-continent="Europe">
                          <div class="mb-2" title="Greece">
                            <span class="badge badge-primary">GR</span>
                            Greece
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gr.svg" alt="Greece Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Greenland" data-continent="North America">
                          <div class="mb-2" title="Greenland">
                            <span class="badge badge-primary">GL</span>
                            Greenland
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gl.svg"
                            alt="Greenland Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Grenada" data-continent="North America">
                          <div class="mb-2" title="Grenada">
                            <span class="badge badge-primary">GD</span>
                            Grenada
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gd.svg" alt="Grenada Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Guadeloupe" data-continent="North America">
                          <div class="mb-2" title="Guadeloupe">
                            <span class="badge badge-primary">GP</span>
                            Guadeloupe
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gp.svg"
                            alt="Guadeloupe Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Guam" data-continent="Oceania">
                          <div class="mb-2" title="Guam">
                            <span class="badge badge-primary">GU</span>
                            Guam
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gu.svg" alt="Guam Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Guatemala" data-continent="North America">
                          <div class="mb-2" title="Guatemala">
                            <span class="badge badge-primary">GT</span>
                            Guatemala
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gt.svg"
                            alt="Guatemala Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Guernsey" data-continent="Europe">
                          <div class="mb-2" title="Guernsey">
                            <span class="badge badge-primary">GG</span>
                            Guernsey
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gg.svg"
                            alt="Guernsey Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Guinea" data-continent="Africa">
                          <div class="mb-2" title="Guinea">
                            <span class="badge badge-primary">GN</span>
                            Guinea
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gn.svg" alt="Guinea Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Guinea-Bissau" data-continent="Africa">
                          <div class="mb-2" title="Guinea-Bissau">
                            <span class="badge badge-primary">GW</span>
                            Guinea-Bissau
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gw.svg"
                            alt="Guinea-Bissau Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Guyana" data-continent="South America">
                          <div class="mb-2" title="Guyana">
                            <span class="badge badge-primary">GY</span>
                            Guyana
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gy.svg" alt="Guyana Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Haiti" data-continent="North America">
                          <div class="mb-2" title="Haiti">
                            <span class="badge badge-primary">HT</span>
                            Haiti
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ht.svg" alt="Haiti Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Holy See" data-continent="Europe">
                          <div class="mb-2" title="Holy See">
                            <span class="badge badge-primary">VA</span>
                            Holy See
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/va.svg"
                            alt="Holy See Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Honduras" data-continent="North America">
                          <div class="mb-2" title="Honduras">
                            <span class="badge badge-primary">HN</span>
                            Honduras
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/hn.svg"
                            alt="Honduras Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Hong Kong" data-continent="Asia">
                          <div class="mb-2" title="Hong Kong">
                            <span class="badge badge-primary">HK</span>
                            Hong Kong
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/hk.svg"
                            alt="Hong Kong Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Hungary" data-continent="Europe">
                          <div class="mb-2" title="Hungary">
                            <span class="badge badge-primary">HU</span>
                            Hungary
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/hu.svg" alt="Hungary Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Iceland" data-continent="Europe">
                          <div class="mb-2" title="Iceland">
                            <span class="badge badge-primary">IS</span>
                            Iceland
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/is.svg" alt="Iceland Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="India" data-continent="Asia">
                          <div class="mb-2" title="India">
                            <span class="badge badge-primary">IN</span>
                            India
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/in.svg" alt="India Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Indonesia" data-continent="Asia">
                          <div class="mb-2" title="Indonesia">
                            <span class="badge badge-primary">ID</span>
                            Indonesia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/id.svg"
                            alt="Indonesia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Iran (Islamic Republic of)" data-continent="Asia">
                          <div class="mb-2" title="Iran (Islamic Republic of)">
                            <span class="badge badge-primary">IR</span>
                            Iran (Islamic Republic of)
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ir.svg"
                            alt="Iran (Islamic Republic of) Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Iraq" data-continent="Asia">
                          <div class="mb-2" title="Iraq">
                            <span class="badge badge-primary">IQ</span>
                            Iraq
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/iq.svg" alt="Iraq Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Ireland" data-continent="Europe">
                          <div class="mb-2" title="Ireland">
                            <span class="badge badge-primary">IE</span>
                            Ireland
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ie.svg" alt="Ireland Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Isle of Man" data-continent="Europe">
                          <div class="mb-2" title="Isle of Man">
                            <span class="badge badge-primary">IM</span>
                            Isle of Man
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/im.svg"
                            alt="Isle of Man Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Israel" data-continent="Asia">
                          <div class="mb-2" title="Israel">
                            <span class="badge badge-primary">IL</span>
                            Israel
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/il.svg" alt="Israel Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Italy" data-continent="Europe">
                          <div class="mb-2" title="Italy">
                            <span class="badge badge-primary">IT</span>
                            Italy
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/it.svg" alt="Italy Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Jamaica" data-continent="North America">
                          <div class="mb-2" title="Jamaica">
                            <span class="badge badge-primary">JM</span>
                            Jamaica
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/jm.svg" alt="Jamaica Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Japan" data-continent="Asia">
                          <div class="mb-2" title="Japan">
                            <span class="badge badge-primary">JP</span>
                            Japan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/jp.svg" alt="Japan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Jersey" data-continent="Europe">
                          <div class="mb-2" title="Jersey">
                            <span class="badge badge-primary">JE</span>
                            Jersey
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/je.svg" alt="Jersey Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Jordan" data-continent="Asia">
                          <div class="mb-2" title="Jordan">
                            <span class="badge badge-primary">JO</span>
                            Jordan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/jo.svg" alt="Jordan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Kazakhstan" data-continent="Asia">
                          <div class="mb-2" title="Kazakhstan">
                            <span class="badge badge-primary">KZ</span>
                            Kazakhstan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/kz.svg"
                            alt="Kazakhstan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Kenya" data-continent="Africa">
                          <div class="mb-2" title="Kenya">
                            <span class="badge badge-primary">KE</span>
                            Kenya
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ke.svg" alt="Kenya Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Kiribati" data-continent="Oceania">
                          <div class="mb-2" title="Kiribati">
                            <span class="badge badge-primary">KI</span>
                            Kiribati
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ki.svg"
                            alt="Kiribati Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Kuwait" data-continent="Asia">
                          <div class="mb-2" title="Kuwait">
                            <span class="badge badge-primary">KW</span>
                            Kuwait
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/kw.svg" alt="Kuwait Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Kyrgyzstan" data-continent="Asia">
                          <div class="mb-2" title="Kyrgyzstan">
                            <span class="badge badge-primary">KG</span>
                            Kyrgyzstan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/kg.svg"
                            alt="Kyrgyzstan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Laos" data-continent="Asia">
                          <div class="mb-2" title="Laos">
                            <span class="badge badge-primary">LA</span>
                            Laos
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/la.svg" alt="Laos Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Latvia" data-continent="Europe">
                          <div class="mb-2" title="Latvia">
                            <span class="badge badge-primary">LV</span>
                            Latvia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/lv.svg" alt="Latvia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Lebanon" data-continent="Asia">
                          <div class="mb-2" title="Lebanon">
                            <span class="badge badge-primary">LB</span>
                            Lebanon
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/lb.svg" alt="Lebanon Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Lesotho" data-continent="Africa">
                          <div class="mb-2" title="Lesotho">
                            <span class="badge badge-primary">LS</span>
                            Lesotho
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ls.svg" alt="Lesotho Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Liberia" data-continent="Africa">
                          <div class="mb-2" title="Liberia">
                            <span class="badge badge-primary">LR</span>
                            Liberia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/lr.svg" alt="Liberia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Libya" data-continent="Africa">
                          <div class="mb-2" title="Libya">
                            <span class="badge badge-primary">LY</span>
                            Libya
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ly.svg" alt="Libya Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Liechtenstein" data-continent="Europe">
                          <div class="mb-2" title="Liechtenstein">
                            <span class="badge badge-primary">LI</span>
                            Liechtenstein
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/li.svg"
                            alt="Liechtenstein Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Lithuania" data-continent="Europe">
                          <div class="mb-2" title="Lithuania">
                            <span class="badge badge-primary">LT</span>
                            Lithuania
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/lt.svg"
                            alt="Lithuania Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Luxembourg" data-continent="Europe">
                          <div class="mb-2" title="Luxembourg">
                            <span class="badge badge-primary">LU</span>
                            Luxembourg
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/lu.svg"
                            alt="Luxembourg Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Macau" data-continent="Asia">
                          <div class="mb-2" title="Macau">
                            <span class="badge badge-primary">MO</span>
                            Macau
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mo.svg" alt="Macau Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Madagascar" data-continent="Africa">
                          <div class="mb-2" title="Madagascar">
                            <span class="badge badge-primary">MG</span>
                            Madagascar
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mg.svg"
                            alt="Madagascar Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Malawi" data-continent="Africa">
                          <div class="mb-2" title="Malawi">
                            <span class="badge badge-primary">MW</span>
                            Malawi
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mw.svg" alt="Malawi Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Malaysia" data-continent="Asia">
                          <div class="mb-2" title="Malaysia">
                            <span class="badge badge-primary">MY</span>
                            Malaysia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/my.svg"
                            alt="Malaysia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Maldives" data-continent="Asia">
                          <div class="mb-2" title="Maldives">
                            <span class="badge badge-primary">MV</span>
                            Maldives
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mv.svg"
                            alt="Maldives Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Mali" data-continent="Africa">
                          <div class="mb-2" title="Mali">
                            <span class="badge badge-primary">ML</span>
                            Mali
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ml.svg" alt="Mali Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Malta" data-continent="Europe">
                          <div class="mb-2" title="Malta">
                            <span class="badge badge-primary">MT</span>
                            Malta
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mt.svg" alt="Malta Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Marshall Islands" data-continent="Oceania">
                          <div class="mb-2" title="Marshall Islands">
                            <span class="badge badge-primary">MH</span>
                            Marshall Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mh.svg"
                            alt="Marshall Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Martinique" data-continent="North America">
                          <div class="mb-2" title="Martinique">
                            <span class="badge badge-primary">MQ</span>
                            Martinique
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mq.svg"
                            alt="Martinique Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Mauritania" data-continent="Africa">
                          <div class="mb-2" title="Mauritania">
                            <span class="badge badge-primary">MR</span>
                            Mauritania
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mr.svg"
                            alt="Mauritania Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Mauritius" data-continent="Africa">
                          <div class="mb-2" title="Mauritius">
                            <span class="badge badge-primary">MU</span>
                            Mauritius
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mu.svg"
                            alt="Mauritius Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Mayotte" data-continent="Africa">
                          <div class="mb-2" title="Mayotte">
                            <span class="badge badge-primary">YT</span>
                            Mayotte
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/yt.svg" alt="Mayotte Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Mexico" data-continent="North America">
                          <div class="mb-2" title="Mexico">
                            <span class="badge badge-primary">MX</span>
                            Mexico
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mx.svg" alt="Mexico Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Moldova" data-continent="Europe">
                          <div class="mb-2" title="Moldova">
                            <span class="badge badge-primary">MD</span>
                            Moldova
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/md.svg" alt="Moldova Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Monaco" data-continent="Europe">
                          <div class="mb-2" title="Monaco">
                            <span class="badge badge-primary">MC</span>
                            Monaco
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mc.svg" alt="Monaco Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Mongolia" data-continent="Asia">
                          <div class="mb-2" title="Mongolia">
                            <span class="badge badge-primary">MN</span>
                            Mongolia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mn.svg"
                            alt="Mongolia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Montenegro" data-continent="Europe">
                          <div class="mb-2" title="Montenegro">
                            <span class="badge badge-primary">ME</span>
                            Montenegro
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/me.svg"
                            alt="Montenegro Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Montserrat" data-continent="North America">
                          <div class="mb-2" title="Montserrat">
                            <span class="badge badge-primary">MS</span>
                            Montserrat
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ms.svg"
                            alt="Montserrat Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Morocco" data-continent="Africa">
                          <div class="mb-2" title="Morocco">
                            <span class="badge badge-primary">MA</span>
                            Morocco
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ma.svg" alt="Morocco Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Mozambique" data-continent="Africa">
                          <div class="mb-2" title="Mozambique">
                            <span class="badge badge-primary">MZ</span>
                            Mozambique
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mz.svg"
                            alt="Mozambique Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Myanmar" data-continent="Asia">
                          <div class="mb-2" title="Myanmar">
                            <span class="badge badge-primary">MM</span>
                            Myanmar
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mm.svg" alt="Myanmar Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Namibia" data-continent="Africa">
                          <div class="mb-2" title="Namibia">
                            <span class="badge badge-primary">NA</span>
                            Namibia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/na.svg" alt="Namibia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Nauru" data-continent="Oceania">
                          <div class="mb-2" title="Nauru">
                            <span class="badge badge-primary">NR</span>
                            Nauru
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/nr.svg" alt="Nauru Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Nepal" data-continent="Asia">
                          <div class="mb-2" title="Nepal">
                            <span class="badge badge-primary">NP</span>
                            Nepal
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/np.svg" alt="Nepal Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Netherlands" data-continent="Europe">
                          <div class="mb-2" title="Netherlands">
                            <span class="badge badge-primary">NL</span>
                            Netherlands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/nl.svg"
                            alt="Netherlands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="New Caledonia" data-continent="Oceania">
                          <div class="mb-2" title="New Caledonia">
                            <span class="badge badge-primary">NC</span>
                            New Caledonia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/nc.svg"
                            alt="New Caledonia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="New Zealand" data-continent="Oceania">
                          <div class="mb-2" title="New Zealand">
                            <span class="badge badge-primary">NZ</span>
                            New Zealand
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/nz.svg"
                            alt="New Zealand Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Nicaragua" data-continent="North America">
                          <div class="mb-2" title="Nicaragua">
                            <span class="badge badge-primary">NI</span>
                            Nicaragua
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ni.svg"
                            alt="Nicaragua Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Niger" data-continent="Africa">
                          <div class="mb-2" title="Niger">
                            <span class="badge badge-primary">NE</span>
                            Niger
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ne.svg" alt="Niger Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Nigeria" data-continent="Africa">
                          <div class="mb-2" title="Nigeria">
                            <span class="badge badge-primary">NG</span>
                            Nigeria
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ng.svg" alt="Nigeria Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Niue" data-continent="Oceania">
                          <div class="mb-2" title="Niue">
                            <span class="badge badge-primary">NU</span>
                            Niue
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/nu.svg" alt="Niue Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Norfolk Island" data-continent="Oceania">
                          <div class="mb-2" title="Norfolk Island">
                            <span class="badge badge-primary">NF</span>
                            Norfolk Island
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/nf.svg"
                            alt="Norfolk Island Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="North Korea" data-continent="Asia">
                          <div class="mb-2" title="North Korea">
                            <span class="badge badge-primary">KP</span>
                            North Korea
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/kp.svg"
                            alt="North Korea Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Northern Mariana Islands" data-continent="Oceania">
                          <div class="mb-2" title="Northern Mariana Islands">
                            <span class="badge badge-primary">MP</span>
                            Northern Mariana Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mp.svg"
                            alt="Northern Mariana Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Norway" data-continent="Europe">
                          <div class="mb-2" title="Norway">
                            <span class="badge badge-primary">NO</span>
                            Norway
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/no.svg" alt="Norway Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Oman" data-continent="Asia">
                          <div class="mb-2" title="Oman">
                            <span class="badge badge-primary">OM</span>
                            Oman
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/om.svg" alt="Oman Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Pakistan" data-continent="Asia">
                          <div class="mb-2" title="Pakistan">
                            <span class="badge badge-primary">PK</span>
                            Pakistan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pk.svg"
                            alt="Pakistan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Palau" data-continent="Oceania">
                          <div class="mb-2" title="Palau">
                            <span class="badge badge-primary">PW</span>
                            Palau
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pw.svg" alt="Palau Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Panama" data-continent="North America">
                          <div class="mb-2" title="Panama">
                            <span class="badge badge-primary">PA</span>
                            Panama
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pa.svg" alt="Panama Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Papua New Guinea" data-continent="Oceania">
                          <div class="mb-2" title="Papua New Guinea">
                            <span class="badge badge-primary">PG</span>
                            Papua New Guinea
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pg.svg"
                            alt="Papua New Guinea Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Paraguay" data-continent="South America">
                          <div class="mb-2" title="Paraguay">
                            <span class="badge badge-primary">PY</span>
                            Paraguay
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/py.svg"
                            alt="Paraguay Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Peru" data-continent="South America">
                          <div class="mb-2" title="Peru">
                            <span class="badge badge-primary">PE</span>
                            Peru
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pe.svg" alt="Peru Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Philippines" data-continent="Asia">
                          <div class="mb-2" title="Philippines">
                            <span class="badge badge-primary">PH</span>
                            Philippines
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ph.svg"
                            alt="Philippines Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Pitcairn" data-continent="Oceania">
                          <div class="mb-2" title="Pitcairn">
                            <span class="badge badge-primary">PN</span>
                            Pitcairn
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pn.svg"
                            alt="Pitcairn Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Poland" data-continent="Europe">
                          <div class="mb-2" title="Poland">
                            <span class="badge badge-primary">PL</span>
                            Poland
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pl.svg" alt="Poland Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Portugal" data-continent="Europe">
                          <div class="mb-2" title="Portugal">
                            <span class="badge badge-primary">PT</span>
                            Portugal
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pt.svg"
                            alt="Portugal Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Puerto Rico" data-continent="North America">
                          <div class="mb-2" title="Puerto Rico">
                            <span class="badge badge-primary">PR</span>
                            Puerto Rico
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pr.svg"
                            alt="Puerto Rico Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Qatar" data-continent="Asia">
                          <div class="mb-2" title="Qatar">
                            <span class="badge badge-primary">QA</span>
                            Qatar
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/qa.svg" alt="Qatar Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Republic of the Congo" data-continent="Africa">
                          <div class="mb-2" title="Republic of the Congo">
                            <span class="badge badge-primary">CG</span>
                            Republic of the Congo
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/cg.svg"
                            alt="Republic of the Congo Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Romania" data-continent="Europe">
                          <div class="mb-2" title="Romania">
                            <span class="badge badge-primary">RO</span>
                            Romania
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ro.svg" alt="Romania Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Russia" data-continent="Europe">
                          <div class="mb-2" title="Russia">
                            <span class="badge badge-primary">RU</span>
                            Russia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ru.svg" alt="Russia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Rwanda" data-continent="Africa">
                          <div class="mb-2" title="Rwanda">
                            <span class="badge badge-primary">RW</span>
                            Rwanda
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/rw.svg" alt="Rwanda Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Réunion" data-continent="Africa">
                          <div class="mb-2" title="Réunion">
                            <span class="badge badge-primary">RE</span>
                            Réunion
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/re.svg" alt="Réunion Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saint Barthélemy" data-continent="North America">
                          <div class="mb-2" title="Saint Barthélemy">
                            <span class="badge badge-primary">BL</span>
                            Saint Barthélemy
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/bl.svg"
                            alt="Saint Barthélemy Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saint Helena, Ascension and Tristan da Cunha"
                          data-continent="Africa">
                          <div class="mb-2" title="Saint Helena, Ascension and Tristan da Cunha">
                            <span class="badge badge-primary">SH</span>
                            Saint Helena, Ascension and Tristan da Cunha
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sh.svg"
                            alt="Saint Helena, Ascension and Tristan da Cunha Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saint Kitts and Nevis" data-continent="North America">
                          <div class="mb-2" title="Saint Kitts and Nevis">
                            <span class="badge badge-primary">KN</span>
                            Saint Kitts and Nevis
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/kn.svg"
                            alt="Saint Kitts and Nevis Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saint Lucia" data-continent="North America">
                          <div class="mb-2" title="Saint Lucia">
                            <span class="badge badge-primary">LC</span>
                            Saint Lucia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/lc.svg"
                            alt="Saint Lucia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saint Martin" data-continent="North America">
                          <div class="mb-2" title="Saint Martin">
                            <span class="badge badge-primary">MF</span>
                            Saint Martin
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/mf.svg"
                            alt="Saint Martin Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saint Pierre and Miquelon" data-continent="North America">
                          <div class="mb-2" title="Saint Pierre and Miquelon">
                            <span class="badge badge-primary">PM</span>
                            Saint Pierre and Miquelon
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/pm.svg"
                            alt="Saint Pierre and Miquelon Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saint Vincent and the Grenadines"
                          data-continent="North America">
                          <div class="mb-2" title="Saint Vincent and the Grenadines">
                            <span class="badge badge-primary">VC</span>
                            Saint Vincent and the Grenadines
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/vc.svg"
                            alt="Saint Vincent and the Grenadines Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Samoa" data-continent="Oceania">
                          <div class="mb-2" title="Samoa">
                            <span class="badge badge-primary">WS</span>
                            Samoa
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ws.svg" alt="Samoa Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="San Marino" data-continent="Europe">
                          <div class="mb-2" title="San Marino">
                            <span class="badge badge-primary">SM</span>
                            San Marino
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sm.svg"
                            alt="San Marino Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Sao Tome and Principe" data-continent="Africa">
                          <div class="mb-2" title="Sao Tome and Principe">
                            <span class="badge badge-primary">ST</span>
                            Sao Tome and Principe
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/st.svg"
                            alt="Sao Tome and Principe Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Saudi Arabia" data-continent="Asia">
                          <div class="mb-2" title="Saudi Arabia">
                            <span class="badge badge-primary">SA</span>
                            Saudi Arabia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sa.svg"
                            alt="Saudi Arabia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Senegal" data-continent="Africa">
                          <div class="mb-2" title="Senegal">
                            <span class="badge badge-primary">SN</span>
                            Senegal
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sn.svg" alt="Senegal Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Serbia" data-continent="Europe">
                          <div class="mb-2" title="Serbia">
                            <span class="badge badge-primary">RS</span>
                            Serbia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/rs.svg" alt="Serbia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Seychelles" data-continent="Africa">
                          <div class="mb-2" title="Seychelles">
                            <span class="badge badge-primary">SC</span>
                            Seychelles
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sc.svg"
                            alt="Seychelles Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Sierra Leone" data-continent="Africa">
                          <div class="mb-2" title="Sierra Leone">
                            <span class="badge badge-primary">SL</span>
                            Sierra Leone
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sl.svg"
                            alt="Sierra Leone Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Singapore" data-continent="Asia">
                          <div class="mb-2" title="Singapore">
                            <span class="badge badge-primary">SG</span>
                            Singapore
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sg.svg"
                            alt="Singapore Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Sint Maarten" data-continent="North America">
                          <div class="mb-2" title="Sint Maarten">
                            <span class="badge badge-primary">SX</span>
                            Sint Maarten
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sx.svg"
                            alt="Sint Maarten Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Slovakia" data-continent="Europe">
                          <div class="mb-2" title="Slovakia">
                            <span class="badge badge-primary">SK</span>
                            Slovakia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sk.svg"
                            alt="Slovakia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Slovenia" data-continent="Europe">
                          <div class="mb-2" title="Slovenia">
                            <span class="badge badge-primary">SI</span>
                            Slovenia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/si.svg"
                            alt="Slovenia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Solomon Islands" data-continent="Oceania">
                          <div class="mb-2" title="Solomon Islands">
                            <span class="badge badge-primary">SB</span>
                            Solomon Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sb.svg"
                            alt="Solomon Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Somalia" data-continent="Africa">
                          <div class="mb-2" title="Somalia">
                            <span class="badge badge-primary">SO</span>
                            Somalia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/so.svg" alt="Somalia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="South Africa" data-continent="Africa">
                          <div class="mb-2" title="South Africa">
                            <span class="badge badge-primary">ZA</span>
                            South Africa
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/za.svg"
                            alt="South Africa Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="South Georgia and the South Sandwich Islands"
                          data-continent="Antarctica">
                          <div class="mb-2" title="South Georgia and the South Sandwich Islands">
                            <span class="badge badge-primary">GS</span>
                            South Georgia and the South Sandwich Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gs.svg"
                            alt="South Georgia and the South Sandwich Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="South Korea" data-continent="Asia">
                          <div class="mb-2" title="South Korea">
                            <span class="badge badge-primary">KR</span>
                            South Korea
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/kr.svg"
                            alt="South Korea Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="South Sudan" data-continent="Africa">
                          <div class="mb-2" title="South Sudan">
                            <span class="badge badge-primary">SS</span>
                            South Sudan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ss.svg"
                            alt="South Sudan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Spain" data-continent="Europe">
                          <div class="mb-2" title="Spain">
                            <span class="badge badge-primary">ES</span>
                            Spain
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/es.svg" alt="Spain Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Sri Lanka" data-continent="Asia">
                          <div class="mb-2" title="Sri Lanka">
                            <span class="badge badge-primary">LK</span>
                            Sri Lanka
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/lk.svg"
                            alt="Sri Lanka Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="State of Palestine" data-continent="Asia">
                          <div class="mb-2" title="State of Palestine">
                            <span class="badge badge-primary">PS</span>
                            State of Palestine
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ps.svg"
                            alt="State of Palestine Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Sudan" data-continent="Africa">
                          <div class="mb-2" title="Sudan">
                            <span class="badge badge-primary">SD</span>
                            Sudan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sd.svg" alt="Sudan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Suriname" data-continent="South America">
                          <div class="mb-2" title="Suriname">
                            <span class="badge badge-primary">SR</span>
                            Suriname
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sr.svg"
                            alt="Suriname Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Svalbard and Jan Mayen" data-continent="Europe">
                          <div class="mb-2" title="Svalbard and Jan Mayen">
                            <span class="badge badge-primary">SJ</span>
                            Svalbard and Jan Mayen
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sj.svg"
                            alt="Svalbard and Jan Mayen Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Swaziland" data-continent="Africa">
                          <div class="mb-2" title="Swaziland">
                            <span class="badge badge-primary">SZ</span>
                            Swaziland
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sz.svg"
                            alt="Swaziland Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Sweden" data-continent="Europe">
                          <div class="mb-2" title="Sweden">
                            <span class="badge badge-primary">SE</span>
                            Sweden
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/se.svg" alt="Sweden Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Switzerland" data-continent="Europe">
                          <div class="mb-2" title="Switzerland">
                            <span class="badge badge-primary">CH</span>
                            Switzerland
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ch.svg"
                            alt="Switzerland Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Syrian Arab Republic" data-continent="Asia">
                          <div class="mb-2" title="Syrian Arab Republic">
                            <span class="badge badge-primary">SY</span>
                            Syrian Arab Republic
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/sy.svg"
                            alt="Syrian Arab Republic Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Taiwan" data-continent="Asia">
                          <div class="mb-2" title="Taiwan">
                            <span class="badge badge-primary">TW</span>
                            Taiwan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tw.svg" alt="Taiwan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Tajikistan" data-continent="Asia">
                          <div class="mb-2" title="Tajikistan">
                            <span class="badge badge-primary">TJ</span>
                            Tajikistan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tj.svg"
                            alt="Tajikistan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Tanzania" data-continent="Africa">
                          <div class="mb-2" title="Tanzania">
                            <span class="badge badge-primary">TZ</span>
                            Tanzania
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tz.svg"
                            alt="Tanzania Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Thailand" data-continent="Asia">
                          <div class="mb-2" title="Thailand">
                            <span class="badge badge-primary">TH</span>
                            Thailand
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/th.svg"
                            alt="Thailand Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Timor-Leste" data-continent="Asia">
                          <div class="mb-2" title="Timor-Leste">
                            <span class="badge badge-primary">TL</span>
                            Timor-Leste
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tl.svg"
                            alt="Timor-Leste Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Togo" data-continent="Africa">
                          <div class="mb-2" title="Togo">
                            <span class="badge badge-primary">TG</span>
                            Togo
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tg.svg" alt="Togo Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Tokelau" data-continent="Oceania">
                          <div class="mb-2" title="Tokelau">
                            <span class="badge badge-primary">TK</span>
                            Tokelau
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tk.svg" alt="Tokelau Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Tonga" data-continent="Oceania">
                          <div class="mb-2" title="Tonga">
                            <span class="badge badge-primary">TO</span>
                            Tonga
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/to.svg" alt="Tonga Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Trinidad and Tobago" data-continent="South America">
                          <div class="mb-2" title="Trinidad and Tobago">
                            <span class="badge badge-primary">TT</span>
                            Trinidad and Tobago
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tt.svg"
                            alt="Trinidad and Tobago Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Tunisia" data-continent="Africa">
                          <div class="mb-2" title="Tunisia">
                            <span class="badge badge-primary">TN</span>
                            Tunisia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tn.svg" alt="Tunisia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Turkey" data-continent="Asia">
                          <div class="mb-2" title="Turkey">
                            <span class="badge badge-primary">TR</span>
                            Turkey
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tr.svg" alt="Turkey Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Turkmenistan" data-continent="Asia">
                          <div class="mb-2" title="Turkmenistan">
                            <span class="badge badge-primary">TM</span>
                            Turkmenistan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tm.svg"
                            alt="Turkmenistan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Turks and Caicos Islands" data-continent="North America">
                          <div class="mb-2" title="Turks and Caicos Islands">
                            <span class="badge badge-primary">TC</span>
                            Turks and Caicos Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tc.svg"
                            alt="Turks and Caicos Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Tuvalu" data-continent="Oceania">
                          <div class="mb-2" title="Tuvalu">
                            <span class="badge badge-primary">TV</span>
                            Tuvalu
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/tv.svg" alt="Tuvalu Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Uganda" data-continent="Africa">
                          <div class="mb-2" title="Uganda">
                            <span class="badge badge-primary">UG</span>
                            Uganda
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ug.svg" alt="Uganda Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Ukraine" data-continent="Europe">
                          <div class="mb-2" title="Ukraine">
                            <span class="badge badge-primary">UA</span>
                            Ukraine
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ua.svg" alt="Ukraine Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="United Arab Emirates" data-continent="Asia">
                          <div class="mb-2" title="United Arab Emirates">
                            <span class="badge badge-primary">AE</span>
                            United Arab Emirates
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ae.svg"
                            alt="United Arab Emirates Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="United Kingdom" data-continent="Europe">
                          <div class="mb-2" title="United Kingdom">
                            <span class="badge badge-primary">GB</span>
                            United Kingdom
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/gb.svg"
                            alt="United Kingdom Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="United States Minor Outlying Islands"
                          data-continent="North America">
                          <div class="mb-2" title="United States Minor Outlying Islands">
                            <span class="badge badge-primary">UM</span>
                            United States Minor Outlying Islands
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/um.svg"
                            alt="United States Minor Outlying Islands Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="United States of America" data-continent="North America">
                          <div class="mb-2" title="United States of America">
                            <span class="badge badge-primary">US</span>
                            United States of America
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/us.svg"
                            alt="United States of America Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Uruguay" data-continent="South America">
                          <div class="mb-2" title="Uruguay">
                            <span class="badge badge-primary">UY</span>
                            Uruguay
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/uy.svg" alt="Uruguay Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Uzbekistan" data-continent="Asia">
                          <div class="mb-2" title="Uzbekistan">
                            <span class="badge badge-primary">UZ</span>
                            Uzbekistan
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/uz.svg"
                            alt="Uzbekistan Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Vanuatu" data-continent="Oceania">
                          <div class="mb-2" title="Vanuatu">
                            <span class="badge badge-primary">VU</span>
                            Vanuatu
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/vu.svg" alt="Vanuatu Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Venezuela (Bolivarian Republic of)"
                          data-continent="South America">
                          <div class="mb-2" title="Venezuela (Bolivarian Republic of)">
                            <span class="badge badge-primary">VE</span>
                            Venezuela (Bolivarian Republic of)
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ve.svg"
                            alt="Venezuela (Bolivarian Republic of) Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Vietnam" data-continent="Asia">
                          <div class="mb-2" title="Vietnam">
                            <span class="badge badge-primary">VN</span>
                            Vietnam
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/vn.svg" alt="Vietnam Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Virgin Islands (British)" data-continent="North America">
                          <div class="mb-2" title="Virgin Islands (British)">
                            <span class="badge badge-primary">VG</span>
                            Virgin Islands (British)
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/vg.svg"
                            alt="Virgin Islands (British) Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Virgin Islands (U.S.)" data-continent="North America">
                          <div class="mb-2" title="Virgin Islands (U.S.)">
                            <span class="badge badge-primary">VI</span>
                            Virgin Islands (U.S.)
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/vi.svg"
                            alt="Virgin Islands (U.S.) Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Wallis and Futuna" data-continent="Oceania">
                          <div class="mb-2" title="Wallis and Futuna">
                            <span class="badge badge-primary">WF</span>
                            Wallis and Futuna
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/wf.svg"
                            alt="Wallis and Futuna Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Western Sahara" data-continent="Africa">
                          <div class="mb-2" title="Western Sahara">
                            <span class="badge badge-primary">EH</span>
                            Western Sahara
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/eh.svg"
                            alt="Western Sahara Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Yemen" data-continent="Asia">
                          <div class="mb-2" title="Yemen">
                            <span class="badge badge-primary">YE</span>
                            Yemen
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/ye.svg" alt="Yemen Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Zambia" data-continent="Africa">
                          <div class="mb-2" title="Zambia">
                            <span class="badge badge-primary">ZM</span>
                            Zambia
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/zm.svg" alt="Zambia Flag">
                        </div>
                      </div>
                      <div class="col-6 col-md-3 col-lg-2 mb-5">
                        <div class="country" data-name="Zimbabwe" data-continent="Africa">
                          <div class="mb-2" title="Zimbabwe">
                            <span class="badge badge-primary">ZW</span>
                            Zimbabwe
                          </div>
                          <img class="img-fluid" src="assets/bundles/flag-icon-css/flags/4x3/zw.svg"
                            alt="Zimbabwe Flag">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <div class="settingSidebar">
          <a href="javascript:void(0)" class="settingPanelToggle"> <i class="fa fa-spin fa-cog"></i>
          </a>
          <div class="settingSidebar-body ps-container ps-theme-default">
            <div class=" fade show active">
              <div class="setting-panel-header">Setting Panel
              </div>
              <div class="p-15 border-bottom">
                <h6 class="font-medium m-b-10">Select Layout</h6>
                <div class="selectgroup layout-color w-50">
                  <label class="selectgroup-item">
                    <input type="radio" name="value" value="1" class="selectgroup-input select-layout" checked>
                    <span class="selectgroup-button">Light</span>
                  </label>
                  <label class="selectgroup-item">
                    <input type="radio" name="value" value="2" class="selectgroup-input select-layout">
                    <span class="selectgroup-button">Dark</span>
                  </label>
                </div>
              </div>
              <div class="p-15 border-bottom">
                <h6 class="font-medium m-b-10">Sidebar Color</h6>
                <div class="selectgroup selectgroup-pills sidebar-color">
                  <label class="selectgroup-item">
                    <input type="radio" name="icon-input" value="1" class="selectgroup-input select-sidebar">
                    <span class="selectgroup-button selectgroup-button-icon" data-toggle="tooltip"
                      data-original-title="Light Sidebar"><i class="fas fa-sun"></i></span>
                  </label>
                  <label class="selectgroup-item">
                    <input type="radio" name="icon-input" value="2" class="selectgroup-input select-sidebar" checked>
                    <span class="selectgroup-button selectgroup-button-icon" data-toggle="tooltip"
                      data-original-title="Dark Sidebar"><i class="fas fa-moon"></i></span>
                  </label>
                </div>
              </div>
              <div class="p-15 border-bottom">
                <h6 class="font-medium m-b-10">Color Theme</h6>
                <div class="theme-setting-options">
                  <ul class="choose-theme list-unstyled mb-0">
                    <li title="white" class="active">
                      <div class="white"></div>
                    </li>
                    <li title="cyan">
                      <div class="cyan"></div>
                    </li>
                    <li title="black">
                      <div class="black"></div>
                    </li>
                    <li title="purple">
                      <div class="purple"></div>
                    </li>
                    <li title="orange">
                      <div class="orange"></div>
                    </li>
                    <li title="green">
                      <div class="green"></div>
                    </li>
                    <li title="red">
                      <div class="red"></div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="p-15 border-bottom">
                <div class="theme-setting-options">
                  <label>
                    <span class="control-label p-r-20">Mini Sidebar</span>
                    <input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input"
                      id="mini_sidebar_setting">
                    <span class="custom-switch-indicator"></span>
                  </label>
                </div>
              </div>
              <div class="p-15 border-bottom">
                <div class="theme-setting-options">
                  <div class="disk-server-setting m-b-20">
                    <p>Disk Space</p>
                    <div class="sidebar-progress">
                      <div class="progress" data-height="5">
                        <div class="progress-bar l-bg-green" role="progressbar" data-width="80%" aria-valuenow="80"
                          aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                      <span class="progress-description">
                        <small>26% remaining</small>
                      </span>
                    </div>
                  </div>
                  <div class="disk-server-setting">
                    <p>Server Load</p>
                    <div class="sidebar-progress">
                      <div class="progress" data-height="5">
                        <div class="progress-bar l-bg-orange" role="progressbar" data-width="58%" aria-valuenow="25"
                          aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                      <span class="progress-description">
                        <small>Highly Loaded</small>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mt-4 mb-4 p-3 align-center rt-sidebar-last-ele">
                <a href="#" class="btn btn-icon icon-left btn-primary btn-restore-theme">
                  <i class="fas fa-undo"></i> Restore Default
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <footer class="main-footer">
        <div class="footer-left">
          Copyright &copy; 2019 <div class="bullet"></div> Design By <a href="#">Redstar</a>
        </div>
        <div class="footer-right">
        </div>
      </footer>
    </div>
  </div>
  <!-- General JS Scripts -->
  <script src="assets/js/app.min.js"></script>
  <!-- JS Libraies -->
  <!-- Page Specific JS File -->
  <!-- Template JS File -->
  <script src="assets/js/scripts.js"></script>
  <!-- Custom JS File -->
  <script src="assets/js/custom.js"></script>
</body>

</html>